/*-------------------------------------------------------------------------------------------*/
/*- CONTENT ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------*/
	/*- POSTS -----------------*/

.post {
	margin-bottom: 70px;
}

.post-title {
}

.post-title a {
	color: #333333;
}

.post-title a:hover {
	color:#B8433A;
}

.page-subtitle {
	text-transform: uppercase;
	margin: 25px 0px 25px 20px;
	float: left;
}

.page-subtitle {
	text-transform: uppercase;
	margin: 25px 0px 8px 20px;
	float: left;
}

.page-subtitle-profil{
	text-transform: uppercase;
	margin: 25px 0px 25px 220px;
	float: left;
}

.page-description {
	width:500px;
	border-left: 1px dashed #A5A6A6;
	margin: 25px 0 25px 20px;
	padding: 0 0 0 25px;
	float: left;
}

	/*-------------------------*/
	/*- POSTS META-------------*/

.post-meta {
	font-size: 85%;
	color: #999;
	padding : 5px 0 5px 0;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

.post-meta a {
	color: #666666;
}

.post-meta a:hover {
	color: #45ADA8;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-meta .sep {
	color: #CCC;
	margin: 0 8px;
}

	/*-------------------------*/
	/*- SOCIAL ----------------*/

.social-container {
	margin: 20px 0 20px 0;
}

.social li{
	border:0;
	clear: none;
	float: left;
	height: 20px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
}

	/*-------------------------*/
	/*- TAGS ------------------*/

.tag-container {
	color: #FFF;
	margin: 20px 0 20px 0;
}

.tags{
	padding: 5px;
	font-size: 10px;
}
.tags li{
	display: inline;
	margin-left: 5px;
}
.tags a{
	color: #777;
}
.tags a:hover{
	color: #000;
}


	/*-------------------------*/
	/*- POSTS CONTENT----------*/
.post-content {
	margin-top: 15px;
	text-align: justify;
}

.post-content h3 {
	border-bottom: 1px solid #EFEFEF;
}


.post-content p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.post-content img, .post-content img.alignnone {
	/* margin:0 0 1em 0;
	background: #FFF;
	width:100%;*/
	box-sizing:border-box;
	-webkit-filter: grayscale(0%);
	-webkit-transition: grayscale;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 200ms;
}

.post-content img:hover {
	-webkit-filter: grayscale(100%);
}


.post-content img.alignleft {
	float: left;
}

.post-content img.alignright {
	float: right;
}

.post-content ul, .post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ol ol{
	list-style: upper-roman;
}

.post-content ol ol ol{
	list-style: lower-roman;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.post-content .content-footer {
	width:100%;
	margin: 10px auto;
	padding: 5px 0 0 0;
	font-size: 12px;
	border-top: 1px dashed #222; overflow: hidden;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

	/*-------------------------*/
	/*- NAVGATION--------------*/

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

	/*-------------------------*/
	/*- COMMENT GRAVATAR ------*/

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

	/*-------------------------*/
	/*- COMMENT META-----------*/

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}



/*-------------------------------------------------------------------------------------------*/
/*- INDEX ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

#content-index .three-column {
	margin: 15px 0 15px 0;
	padding: 0 15px 0 0px;
	float: left;
	text-align: justify;
	width: 310px;
}

#content-index .three-column:last-child {
	padding-right:0;
}

/*-------------------------*/
/*- SLOGAN ---------------*/

.slogan-container {
	width: 700px;
	float: left;
}

.slogan  {
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-weight: lighter;
	font-size: 1.3em;
	line-height: 1.2em;
	display: block;
	text-align: left;
}

.contact-icon {
	float:left;
	position: relative;
	bottom: 7px;
	left: 5px;
}

.contact {
	margin: 0px 5px 0 0;
	width: 210px;
	height: 53px;
	float: right;
	background: #EBEBEB;
	border-radius: 4px;
}

.contact-text {
	font-size: 1em;
	margin: 20px 5px 15px 0.5em;
	text-align: center;
	display: block;

	text-transform: uppercase;
	font-weight: bold;
}


/*-------------------------*/
/*- MIDDLE-CONTAINER ------*/


.middle .widget{
	width: 225px;
	float: left;
}

.middle #second{
/*	border-left: 1px solid #A5A6A6;
	border-right: 1px solid #A5A6A6;*/
}

.middle .icon-middle {
	float: left;
	height: 64px;
	margin:0 1em 0 0;
}

.middle .icon-title{
	height:70px;
}
.middle .icon-title h2{
	font-size: 1.2em;
	padding-top:15px;
}

.middle .post{
	margin: 0;
	padding-right:1.5em;
	text-align: justify;
}

.middle .post p {
	font-weight: bold;
	padding:0;
	text-align:left;
}

.three-column .top-post-home {
	margin: 0 0 0 0;
}

.three-column p {
	background:#FFFFFF;
	padding:0.5em 0.5em 0.5em 0.5em;
	line-height: 150%;
}

.three-column .top-post-home-img {
	margin: -65px 0 0 0;
	width: 310px;
	height: 190px;
	border-top: 0.4em #B8433A solid;
}

.three-column .post-title {
	height: 50px;
	position: relative;
	top: 130px;
	font-size: 1.4em;
	line-height: 1.3em;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.8);
	padding:0.5em;
	font-family: Signika, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.three-column .post-title a {
	color: #efefef;
}


/*-------------------------*/
/*- PARTNER ---------------*/

.partner li{
	width: 64px;
	margin: 0px 15px 10px 0px;
	float: left;
}

.partner .last {
	width: 64px;
	margin: 0px 0px 6px 0px;
	float: left;
}

/*-------------------------*/
/*- SLIDER ----------------*/

.meteor-slides .meteor-buttons {
	bottom: 15px;
	height: -10px;
	left: 15px;

}

/*------------------*/
/*-------PAGE CONTACT------- */

/*
L'affichage des erreurs pour chaque est de couleur rouge et de taille 0.9
*/
#erreur{
	border: 1px solid #bb0000;
	background-color: #ff7575;
	width:500px;
	margin:20px auto;
	padding:10px 10px;
	color: #FFFFFF;
	text-align:center;
}

/*
CSS pour l'affichage des erreurs à côté des champs quand Javascript activé
*/
.error-message{
	font-size: 12px;
	background:url(../images/croix.png) 10px no-repeat;
	width: 12px;
	height:12px;
    line-height:12px;
	display:inline;
	padding: 0 0 0 30px;
    margin:0;
	color:#B8433A;
	font-style:italic;
	font-weight:bold;
	display:none;
}

#info{
	border: 1px solid #084700;
	background-color: #399440;
	width:450px;
	margin:20px auto;
	padding:10px 10px;
	color: #FFFFFF;
	text-align:center;
}

/*
Titre de contact
A définir selon besoin
*/
.titre_contact {
	font-size : 20px;
	margin-bottom : 30px;
}
/*
Titre de l'association
A définir selon besoin
*/
.titre_assoc {
	margin-bottom : 30px;
	font-size : 20px;

}

.bloc_coordonnees{
	margin-bottom : 30px;
}

.assoc_titre{
	padding-left:2px;
	margin-bottom:2px;
	width:180px;
	height:20px;
	position:relative;
	left:20px;
	top:0px;
	font-size:16px;
	font-weight : bold;
}

.info_assoc
{
	position:relative;
	font-size:16px;
	margin-bottom:10px;
	margin-left : 50px;
}

.txterror {
margin-bottom:20px;

}

/*
L'étoile indiquant que le champ est obligatoire est de couleur rouge
*/

.style_star {color: #FF0000}

/*
Couleur de la bordure des champs du formulaire
*/
.formulaire input{
	border: solid 1px #bcbcbc;
}
.formulaire input:hover{
	border: solid 1px #B8433A;
}

/*
Couleur et propriétés sur le champ message du formulaire
*/
.formulaire textarea{
	width:100%;
	border : 1px solid #bcbcbc;
}

.formulaire textarea:hover{
	border: solid 1px #B8433A;
}

.formulaire td{
	padding:10px;
	border-bottom:1px solid #dedede;
	vertical-align: middle;
}

.formulaire tr{
	vertical-align: middle;
}

.formulaire input{
	width:100%;
	height:30px;
	border : 1px solid #bcbcbc;
}

.formulaire input.inputRadio{
	margin-right: 5px;
	width:auto;
}



#test {
	width : 200px;
	height : 210px;
}

.profil_avatar{
	width : 200px;
	height :210px;
	margin-top : -90px;
	border-top: solid 10px #B8433A;
	border-left: solid 2px #464646;
	border-right: solid 2px #464646;
	border-bottom: solid 2px #464646;
	position : absolute;
	z-index:100;
}

.profil_infos{
	margin-left : 220px;
	font-size : 14px;
	margin-bottom : 10px;
	font-weight : bold;
}

.profil_info_element{
	margin-left : 100px;
	margin-top : -14px;
	margin-bottom : 3px;
	font-weight : normal;
}

.profil_contacter{
	margin-left : 900px;
	margin-top : -100px;
	margin-bottom : 200px;
}

.profil_titre_bloc{
	font-size : 18px;
	font-weight : bold;

}

.profil_bloc_g{
	background-color : #EBEBEB;
	margin-left : -20px;
	margin-bottom : 30px;
	width: 1000px;
	height: 300px;



}

.profil_bloc_viadeo{
	position :absolute;
	width: 70px;
	height: 70px;
	margin-top : -20px;
	margin-left : 60px;
}


.profil_bloc_linkedin{
	position :absolute;
	width: 70px;
	height: 70px;
	margin-top : -20px;
	margin-left : 150px;
}


.profil_bloc_entre{
	position : absolute;
	background-color : #FEFEFE;
	width: 200px;
	height: 200px;
	margin-left : 55px;
	margin-top : 60px;
}

.profil_bloc_mission{
	position : absolute;
	background-color : #FEFEFE;
	width: 200px;
	height: 200px;
	margin-top : 60px;
	margin-left : 285px;

}

.profil_bloc_poste{
	position : absolute;
	background-color : #FEFEFE;
	width: 200px;
	height: 200px;
	margin-top : 60px;
	margin-left : 515px;

}

.profil_bloc_descriptif{
	position : absolute;
	background-color : #FEFEFE;
	width: 200px;
	height: 200px;
	margin-top : 60px;
	margin-left : 745px;
}

.profil_bloc_descriptif p{
	margin-top : 10px;
	margin-left : 10px;
	text-align: justify;
	}

.profil_bloc_entre p{
	margin-top : 10px;
	margin-left : 10px;
	text-align: justify;
	}

.profil_bloc_mission p{
	margin-top : 10px;
	margin-left : 10px;
	text-align: justify;
	}

.profil_bloc_poste p{
	margin-top : 10px;
	margin-left : 10px;
	text-align: justify;
	}

.profil_bloc_titre{
	position : absolute;
	font-weight: bold;
	font-size : 14px;
	color : #B8433A;
	margin-top : -20px;

	}

.profil_actu{
	border-top: solid 4px #B8433A;
	margin-right : 5px;
	margin-left : 5px;
	width: 950px;
	}

.modif_profil_titre_page{
	font-size : 23px;
	font-weight : bold;
	margin-left : 220px;
}

.modif_profil_titre_bloc{
	font-size : 18px;
	font-weight : bold;
	border-bottom: solid 4px #B8433A;
	margin-top : 30px;
	margin-bottom : 30px;
}


.modif_profil_bloc_pers{

	position : relative;
	width: 500px;
	margin-top : 65px;
	margin-left : 50px;
}



.modif_profil_perso{
	margin-right: 5px;
	margin-top : 150px;
	width:auto;

}

.modif_profil_bouton{
	margin-top : 10px;
	margin-left : 400px;

}

.modif_profil_bouton :hover{
	border: solid 4px #B8433A;

}

.modifier{
	margin-top:20px;
	margin-left:40px;
	font-size:1.3em;
	color:#B8433A;
}

